<template>
  <Layout>

    <h1>Hello, world!</h1>

    <p v-for="(item,index) in $page.list.edges" :key="index">
      {{item.node.content}}
    </p>

    <p class="home-links">
      <a href="https://gridsome.org/docs/" target="_blank" rel="noopener">Gridsome Docs</a>
      <a href="https://github.com/gridsome/gridsome" target="_blank" rel="noopener">GitHub</a>
    </p>

  </Layout>
</template>
<page-query>
query {
 	list: allStrapiPost{
    edges{
      node{
        title
        content
      }
    }
  }
}
</page-query>
<script>
export default {
  metaInfo: {
    title: 'SSG静态页面测试'
  }
}
</script>

<style>
.home-links a {
  margin-right: 1rem;
}
</style>
